<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    let arr = [1,2,3]

    let obj = {name: '姚思远', age: 18};
    /**
     * for of
     *  - 遍历 可迭代对象（如数组、字符串等）
     *  - 返回 值（元素值）
     *  - 适用于数组、字符串、Set、Map等可迭代对象
     *  - 不会遍历原型链
    */
    for (let item of arr) {
      console.log(item) // 1,2,3
    }
    /**
     * for in
     *  - 遍历对象的 可枚举属性
     *  - 返回 键（属性名）
     *  - 对象、数组（不推荐用于数组）
     *  - 会遍历原型链上的可枚举属性
    */
    for (key in  obj) {
      console.log(key) // name, age
    }
    for(i in arr) {
      console.log(i) // 0  1  2 它也可以遍历数组，不过得到的是index
    }
  </script>
</body>
</html>